var myApp = {
	// 横向Tab
	tranSverse:function(){
		$(".table").find(".box:first").show(); //为每个BOX的第一个元素显示        
		$("#tabs-title a").on("click",function(){ //给a标签添加事件  
			var index=$(this).index();  //获取当前a标签的个数  
			$(this).parent().next().find(".box").hide().eq(index).show(); //返回上一层，在下面查找css名为box隐藏，然后选中的显示  
			$(this).addClass("active").siblings().removeClass("active"); //a添加选中状态，同辈元素标记为未选中状态   
		})  
	},
	// 垂直Tab
	tabVertical:function(){
		var tabs = $('.tabs-vertical').find('ul a'),
			content = $('.tabs-vertical').find('.content');
		tabs.on('click', function (e) {
			e.preventDefault();
			var index = $(this).data('index');
			tabs.removeClass('active');
			content.removeClass('active');
			$(this).addClass('active');
			content.eq(index).addClass('active');
		});
	},
	// 手风琴菜单
	accordionMenus :function(){
		$(".show").find("img").attr("src","images/p17-down-icon.png");
		$(".show:last").find("img").attr("src","images/p17-up-icon.png");
		$(".show").click(function(e){
			if(this==e.target){
				if($(this).next().is(":hidden")){
					$(this).find("img").attr("src","images/p17-up-icon.png");
		    		$(this).next().show();
				}else{
					$(this).find("img").attr("src","images/p17-down-icon.png");
					$(this).next().hide();
				}
			}
		});
	},
	// 模仿select菜单
	selectOption :function(){
		$(".show").click(function(e){
			if(this==e.target){
				// next()找到同级的下一个元素
				if($(this).next().is(":hidden")){	
		    		$(this).next().show();
				}else{
					$(this).next().hide();
				}
			}
		});	
		 /*赋值给文本框*/
	    $(".select-option li").click(function() {
	        var value = $(this).text();
	        $(this).parent().siblings("p").text(value);
	        $("p").val(value);
	        $(this).parent().hide();
	    })
	},
	init: function() {
		myApp.tabVertical();
		myApp.tranSverse();
	}
};
$(document).ready(function(){
  myApp.init();
});